<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog printInfoDialog-dialog" ng-init="dialog.init();"
     style="background-color: #fafafa; width: 100%; height: 100%;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'printInfoDialog.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page" style="width:100%;">
            <div class="kmi-text-fields" style="margin-top: 8px;">
                <label class="label" ng-bind="'printInfoDialog.plot_no' | translate" style="width: 100px;" ng-show="dialog.printList.program === 'B0102' || dialog.printList.program === 'B1202'"></label>
                <label class="label" ng-bind="'printInfoDialog.outsourcers_no' | translate" style="width: 120px;" ng-show="dialog.printList.program === 'B0236'"></label>
                <label class="label" ng-bind="'printInfoDialog.repair_order_no' | translate" style="width: 100px;" ng-hide="dialog.printList.program === 'B0102' || dialog.printList.program === 'B1202' || dialog.printList.program === 'B0236'"></label>
                <input class="input" ng-model="dialog.printList.repair_order_no" style="flex: 1;" />

                <label class="label" ng-bind="'printInfoDialog.print_user' | translate" style="width: 80px;"></label>
                <input class="employee_no" ng-model="dialog.printList.print_user" style="flex: 1;"></input>

                <div class="kmi-button kmi-button-confrim btn-confirm" style="width: 100px;">
                    <label ng-bind="'B1202.search' | translate"></label>
                    <div class="kmi-can-click" ng-click="dialog.search()"></div>
                </div>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'printInfoDialog.print_date' | translate" style="width: 100px;"></label>
                <input ng-model="dialog.printList.start_date" style="flex: 0 0 25%;" ng-click="dialog.changeStartDate();" readonly></input>
                <label class="label" style="padding: 0px 10px;"> ~ </label>
                <input ng-model="dialog.printList.end_date" style="flex:0 0 25%;" ng-click="dialog.changeEndDate();" readonly></input>
            </div>
            <div class="kmi-list column-selector" style="margin-bottom: 16px; border-radius: 4px 4px 0px 0px;">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'printInfoDialog.list.column4' | translate" ng-show="dialog.printList.program === 'B0102' || dialog.printList.program === 'B1202'"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'printInfoDialog.list.column5' | translate" ng-show="dialog.printList.program === 'B0236'"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'printInfoDialog.list.column1' | translate" ng-hide="dialog.printList.program === 'B0102' || dialog.printList.program === 'B1202' || dialog.printList.program === 'B0236'"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'printInfoDialog.list.column2' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'printInfoDialog.list.column3' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in dialog.printList.printDetailList | filter: list_filter track by $index">
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.printno"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.creator"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.createdate"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
